<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<title>设置白名单</title>
		<link rel="stylesheet" href="css/main.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<script type="text/javascript" src="js/2.1.4jquery.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
	</head>
	<body>
		<style>html,body{background-color: #F4F5F6;}</style>
		<div class="birparCont issCont">
			<!-- 轮播内容 -->
			<div class="bannerBox">
				<div class="search-box flex flex-align-c">
					<input placeholder="输入要搜索的老师名字" class="flex-1"/><img src="img/search.png" class="img1"/>
				</div>
				<div class="cont flex flex-align-c flex-justify-b">
					<div class="ct1 fontRed flex mt-80">
						<span class="f60">魔羯座</span>
						<span class="f32 mt-20">(7月23日-8月22日)</span>
					</div>
					<div class="xz-img mt-80">
						<img src="img/xz1.png" />
					</div>
				</div>
				<div class="leftBtn"><img src="img/more.png" /> </div>
				<div class="rightBtn fan"><img src="img/more.png" /> </div>
			</div>
		</div>
		<div class="issCont1 flex">
			<div class="cases flex">
				<img src="img/is-img3.png" />
				<div class="cont flex flex-justify-c">
					<span class="f24">收货信息统计</span>
					<span class="f22 fontG1 mt-10">信息列表</span>
				</div>
			</div>
			<div class="cases flex">
				<img src="img/is-img4.png" />
				<div class="cont flex flex-justify-c">
					<span class="f24">设置白名单</span>
					<span class="f22 fontG1 mt-10">添加新老师</span>
				</div>
			</div>
		</div>
		<div class="bgCont bgCont1 mb-20">
			<div class="cont1">
				<div class="c1 flex f24 flex-align-c">
					<span class="t1">员工ID：</span> <input placeholder="收货人姓名"/>
				</div>
				<div class="c1 flex f24 flex-align-c">
					<span class="t1">姓   名：</span> <input placeholder="收货人手机号"/>
				</div>
				<div class="f20 mt-30 mb-40 fontG2"><span class="fontYel">*</span> 请输入本次生日会可领取礼物的老师姓名及工号id(可登录PC端进行Excle导入)</div>
				<div class="bottom-btn">确认提交</div>
			</div>
		</div>
		<div class="bmanageCont">
			<div class="branTable branTable1">
				<table class="table table-striped">
				  <thead>
				    <tr>
				      <th style="width: 29%;">校区名称</th>
				      <th style="width: 40%;">员工ID</th>
				      <th style="width: 31%;">分校管理员</th>
				    </tr>
				  </thead>
				  <tbody>
				    <tr>
				      <td>第一校区</td><td>0426</td><td>张婷</td>
				    </tr>
				    <tr>
				      <td>第二校区</td><td>0245</td><td>张婷</td>
				    </tr>
				    <tr>
				      <td>第三校区</td><td>0245</td><td>张婷</td>
				    </tr>
					<tr>
					  <td colspan="3">
						  <div class="editBox flex flex-justify-b">
							  <span class="ml-25">0245</span> <span>涨婷挺</span>
							  <div class="btnCont">
								  <div class="delBtn"><img src="img/del.png" /> </div>
								  <div class="editBtn"><img src="img/edit.png" /> </div>
							  </div>
						  </div>
					  </td>
					</tr>
				  </tbody>
				</table>
			</div>
		</div>
		<div class="bottom-btn bottom-btn1">修改发放礼品方式</div>
	<script>
		(function(docs, win) {
			var docEls = docs.documentElement,
				resizeEvts = 'orientationchange' in window ? 'orientationchange' : 'resize',
				recalcs = function() {
					window.rem = docEls.getBoundingClientRect().width / 10;
					docEls.style.fontSize = window.rem + 'px';
				};
			recalcs();
			if (!docs.addEventListener) return;
			win.addEventListener(resizeEvts, recalcs, false);
		})(document, window);
	</script>
	</body>
</html>
